<template>
  <h1>A Index</h1>
  <div class="box">
    <!-- 在父路由 Index 组件中的命名视图，存放的是子路由的 Inner1 组件 -->
    <router-view name="A"></router-view>
  </div>
  <!-- 点击该链接，跳转到 /index/inner2 -->
  <!-- 采用 router-link 链接 name 形式跳转 -->
  <router-link :to="{name:'Inner2'}">inner2</router-link>
</template>
<script setup lang="ts">
</script>
<style scoped lang="less">
.box {
  width: 200px;
  height: 200px;
  background-color: lightblue;
  flex-direction: column;
  align-items: center;
}
</style>
